<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板</title>
</head>

<body>
    <header>
        <div id="hd-left">
            <div id="logo">
                <img src="../src/images/logo-top.png" alt="" id="hd-logo-top">
                <img src="../src/images/logo-down.png" alt="" id="hd-logo-down">
            </div>
            <span>热爱105°C的你</span>
        </div>
        <ul id="hd-right">
            <img src="../src/images/我的-头像.png" alt="" id="hd-touxiang">
            <div id="hd-chose">
                <select name="" id="hd-select">
                    <option value="">蒲嘉伟666</option>
                </select>
                <ul id="xialacaidan">
                    <li>个人中心</li>
                    <li>修改密码</li>
                    <li>退出登录</li>
                </ul>
            </div>
            <img src="../src/images/消息.png" alt="" id="hd-news">
            <img src="../src/images/我的-设置.png" alt="" id="hd-setting">
            </div>
    </header>
    <main>
        <div id="main-left">
            <ul>
                <li id="main-left-sy" class="main-left-li-active"><img src="./images/sy.png" alt="">首页</li>
            </ul>
            <ul class="sj">
                <li><img src="./images/sjzx.png" alt="">数据中心</li>
                <li>小区管理</li>
                <li>楼宇管理</li>
                <li>车位管理</li>
                <li>业主管理</li>
                <li>租客管理</li>
                <li>访客管理</li>
                <li>广告位管理</li>
                <li>车辆管理</li>
            </ul>
            <ul class="sf">
                <li><img src="./images/sfgl.png" alt="">收费管理</li>
                <li>收银台</li>
                <li>抄表录入</li>
                <li>未交账单</li>
                <li>缴费通知</li>
                <li>已交账单</li>
                <li>预存款管理</li>
                <li>收费设置</li>
            </ul>
            <ul class="wy">
                <li class="go-yw"><img src="./images/ywfw.png" alt="">物业服务</li>
                <li>公告管理</li>
                <li>报事报修</li>
                <li>投诉管理</li>
                <li>短信管理</li>
                <li>装修管理</li>
            </ul>
            <ul class="zl">
                <li><img src="./images/zlgl.png" alt="">租赁管理</li>
                <li>客户管理</li>
                <li>车位租赁</li>
                <li>广告位租赁</li>
                <li>房屋租赁</li>
                <li>合同管理</li>
            </ul>
            <ul class="wl">
                <li><img src="./images/wlgl.png" alt="">物料管理</li>
                <li>供应商管理</li>
                <li>仓库管理</li>
                <li>物料清单</li>
                <li>采购入库</li>
                <li>领用出库</li>
                <li>维修领退材</li>
                <li>库存查询</li>
            </ul>
        </div>
        <div id="main-right"></div>
    </main>
    <nav id="nav-change-password" style="display: none;">
        <h3>修改密码
            <div id="dingwei-x">X</div>
        </h3>
        <div>
            <label for="">原密码:</label>
            <input type="text" id="ym" placeholder="请输入原密码">
        </div>
        <div>
            <label for="">新密码:</label>
            <input type="text" id="xm" placeholder="请输入新密码">
            <p id="password-msg"></p>
        </div>
        <div>
            <label for="">确认密码:</label>
            <input type="text" id="xxm" placeholder="请再次输入新密码">
        </div>
        <div id="nav-footer">
            <button id="navok" style="background-color: rgb(69, 107, 233); color: #fff;">确认</button>
            <button id="quxiao">取消</button>
        </div>

    </nav>
</body>

</html>